<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

	<title>Yunpeng PAN | Web Application | J2EE |panyunpeng28@gmail.com</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
	                                                                  
 	<script type="text/javascript" src="lib/jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js"></script>
 	 	
 	<script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>

	<link rel="stylesheet" type="text/css" href="style/reset-fonts-grids.css" media="all" /> 
	<link rel="stylesheet" type="text/css" href="style/resume.css" media="all" />
	<link rel="stylesheet" type="text/css" href="style/jQueryTool.css" media="all" /> 
	
	<!-- +1 button -->
	<script type="text/javascript">
	  (function() {
	    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
	    po.src = 'https://apis.google.com/js/plusone.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
	  })();
	</script>
	
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-28041840-1']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
	
</head>


<body>

<div id="doc2" class="yui-t7">
	<div id="inner">
	
		<div id="hd">
			<div class="yui-gc">
				<div class="yui-u first">
					<h1>Yunpeng PAN</h1>
					<h2>Web Application Engineer</h2>
				</div>

				<div class="yui-u">
								
					<div class="contact-info">
					
						<h3><a id="pdf" href="#">Download PDF</a></h3>
					
						
						<div class="tooltip">
										 
							<input type="radio" name="CVlang" value="en" style="margin-left:24px; margin-top:20px;">English<br>
								
							<input type="radio" name="CVlang" value="fr" style="margin-left:24px;margin-top:7px;">Français<br>
							
							<input type="radio" name="CVlang" value="cn" style="margin-left:24px;margin-top:7px;">中文<br>
							
						</div>
						
						<script language="javascript">
								// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
								$(document).ready(function() {
									$("#pdf").tooltip({position:'top center', offset: [0,0], effect:'fade',delay:20, opacity : 0.9});
									
									$("input").click(function() {
										
										window.location = "download_content/Yunpeng PAN_"+$(":checked").val().toUpperCase()+".pdf";
										
																		  
									});
								});
							
		
						</script> 
						<h3><a href="mailto:panyunpeng28@gmail.com">panyunpeng28@gmail.com</a></h3>
						<h3>(0033)6 20 86 44 74</h3>
					</div><!--// .contact-info -->
				</div>
			</div><!--// .yui-gc -->
		</div><!--// hd -->

		<div id="bd">
			<div id="yui-main">
				<div class="yui-b">

					<div class="yui-gf">
						<div class="yui-u first">
							<h2>Profile</h2>
						</div>
						<div class="yui-u">
							<p class="enlarge">
								Experienced web application engineer in both server side and client side. 
								
							</p>
						</div>
					</div><!--// .yui-gf -->

					<div class="yui-gf">
						<div class="yui-u first">
							<h2>Skills</h2>
						</div>
						<div class="yui-u">

								<div class="talent">
									<h2>Server-side</h2>
									<p>Web application deployment with most popular J2EE frameworks and technologies such as Spring and Tomcat.</p>
								</div>

								<div class="talent">
									<h2>Client-side</h2>
									<p>Innovation, creation and design with all the latest technologies such as HTML 5, CSS 3, and javascript framework like jQuery and extjs.</p>
								</div>
								
								<div class="talent">
									<h2>Data base</h2>
									<p>Manipulating Database with the powerful, open source object-relational database system PostgreSQL and also Hibernate.</p>
								</div>

								<div class="talent">
									<h2>Project Direction</h2>
									<p>Proven ability to lead and manage a wide variety of design and development projects in team and independent situations.</p>
								</div>
								
								<div class="talent">
									<h2>Multi-language</h2>
									<p>Can frequently speak and read English, French and Chinese, which makes the communication much easier.</p>
								</div>
						</div>
					</div><!--// .yui-gf -->

					<div class="yui-gf">
						<div class="yui-u first">
							<h2>Technical</h2>
						</div>
						<div class="yui-u">
							<ul class="talent">
								<li>HTML</li>
								<li>CSS</li>
								<li>Javascript</li>
								<li  class="last">jQuery</li>
							</ul>

							<ul class="talent">
								<li>Java</li>
								<li>Hibernate</li>
								<li>extjs</li>
								<li class="last">SQL</li>
							</ul>

							<ul class="talent">
								<li>MVC conception</li>
								<li>Agile software development </li>
								<li>Project management</li>
								<li class="last">Spring</li>
							</ul>
							
						</div>
					</div><!--// .yui-gf-->

					<div class="yui-gf">
	
						<div class="yui-u first">
						
							<h2>Experience</h2>
							
						</div><!--// .yui-u -->

						<div class="yui-u">

							<div class="job">
								<h2>Ecomundo (CDI)</h2>
								<h3>Web application developer</h3>
								<h4>February 2011-2012</h4>
								<p>Web application development at Ecomundo (JavaScript, J2EE, Spring, Hibernate, Tomcat, Postgresql) <a href = "http://www.youtube.com/watch?v=w1A3b4kJKsY&feature=related">Demo</a></p>
							</div>
							
							<div class="job">
								<h2>ISEP (Scholar project)</h2>
								<h3>Java algorithm</h3>
								<h4>June 2010 – January 2011</h4>
								<p>Project Java «maze solver» Genetic algorithm</p>
							</div>
							
							<div class="job">
								<h2>Robot city</h2>
								<h3>Server-side robot management</h3>
								<h4>January 2010 – June 2011</h4>
								<p>Development web site for the users to vote and comment to the videos <a href="http://vimeo.com/15708701">Demo</a></p>
							</div>
							
							<div class="job">
								<h2>ISEP (Scholar project)</h2>
								<h3>Java UI design</h3>
								<h4>January 2010 – June 2010</h4>
								<p>Project Java « Animation of image » Java desktop application using swing lib</p>
							</div>
							
							<div class="job last">
								<h2>Cup of France (European robotic match)</h2>
								<h3>Mechanical and structural designer</h3>
								<h4>April 2009 – April 2010</h4>
								<p>Design inner structure of the robot to increase the mechanical/electrical stability</p>
							</div>
							

						</div><!--// .yui-u -->
					</div><!--// .yui-gf -->


					<div class="yui-gf last">
						<div class="yui-u first">
							<h2>Education</h2>
						</div>
						<div class="yui-u">
							<h2>Institut supérieur d'électronique de Paris - Paris, France</h2>
							<h3 style="border-bottom: 1px solid #ccc;margin-bottom: 1em; padding-bottom: 1em;">Diploma of engineer of Computer Science</h3>
							
						</div>
						
						<div class="yui-u">
							<h2>Huazhong University of science and technology (HUST)</h2>
							<h3>Undergraduate of optoelectronic</h3>
						</div>
						
					</div><!--// .yui-gf -->


				</div><!--// .yui-b -->
			</div><!--// yui-main -->
		</div><!--// bd -->

		<div id="ft">
			<p>Yunpeng PAN &mdash;<a href="mailto:panyunpeng28@gmail.com">panyunpeng28@gmail.com</a> &mdash; (0033)6 20 86 44 74<div class="g-plusone" data-size="medium" data-annotation="none"></div></p>
			
					
		</div><!--// footer -->

	</div><!-- // inner -->


</div><!--// doc -->

</body>
</html>

